 

	<!-- amazeui / 轮播图 start-->
	<!-- 文档地址 "http://amazeui.shopxo.net/widgets/slider/"  -->
	<div data-am-widget="slider" class="am-slider am-slider-default" style="height: 300px;">
	  <ul class="am-slides" style="height: 300px;width: 100%">
	      <li style="height: 100%;width: 100%">
	        <img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg" style="height: 100%;width: 100%">
	      </li>
	      <li style="height: 100%;width: 100%">
	        <img src="http://img3.imgtn.bdimg.com/it/u=2208162519,4010854312&fm=26&gp=0.jpg" style="height: 100%;width: 100%">
	      </li>
	      <li style="height: 100%;width: 100%">
	        <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2472153115,3034378969&fm=26&gp=0.jpg" style="height: 100%;width: 100%">
	      </li>
	  </ul>
	</div>
	
	<script type="text/javascript">
		//轮播图图片项监听
		$('.am-slides>li').click(function(){
			console.log($(this).index());
			//dosomething
		});
	</script>
	<!-- amazeui / 轮播图 end-->